<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>斗鱼TV</title>
       <meta name="description" content="douyu" />
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../css/share.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		<script type="text/javascript" src="../js/jquery-2.0.3.js"></script>
		<script type="text/javascript" src="../js/rem.js"></script>
		<script type="text/javascript" src="../js/reset.js"></script>
		<script type="text/javascript">
			$(window).load(function() {
				$('#box').delay(200).show()
			})
		</script>
	</head>
	<body>
		<!--页面加载 开始-->
		  <!--<div id="preloader">
		    <div id="status">
		      <p class="center-text"><span>拼命加载中···</span></p>
		    </div>-->
		  </div>
		  <!--页面加载 结束--> 
	<div id="box">
		<section class="share">
			<!--<div class="share-cont">
				<img src="../img/banner.jpg"/>
				<i onclick="goBack()" class="iconfont">&#xe621;</i>
				<p>VP战队重回世界之巅全程回顾</p>
			    <p>by 斗鱼TV | DOTA2 /03'09"</p>
			</div>-->
			<div class="share-cont-tv">分享精彩视屏</div>
			<div class="share-cont-type msosh">
			   <ul lass="-mob-share-list">
					<li class="share-button">
						<i class="iconfont">&#xe627;</i>
					</li>
					<li class="share-button">
						<i class="iconfont">&#xe61f;</i>
					</li>
					<li class="-mob-share-weibo">
						<i class="iconfont">&#xe619;</i>
					</li>
				</ul>
			</div>
			<div class="share-mask">
				<img src="../img/live_weixin.png"/>
			</div>
			<div onclick="goBack()" class="share-cont-foot">取消</div>
		</section>
	</div>
	</body>
	<script id="-mob-share" src="http://f1.webshare.mob.com/code/mob-share.js?appkey=16619c8ec9b22"></script>
	<script type="text/javascript" src="../js/reset.js"></script>
	<script type="text/javascript">
		$('.share-button').on('click',function(){
			$('.share-mask').show()
		})
		$('.share-mask').on('click',function(){
			$('.share-mask').hide()
		})
		 var b=localStorage.getItem("user_id")
	    var c=localStorage.getItem("video_id")
           $.ajax({
            type: 'POST',
            url: 'http://192.168.199.114:8080/HJF/user/get_video_info.do',
            dataType: 'JSON',
            data:{user_id:b,video_id:c},
            success: function(data){
            	console.log(data)
            	var oDiv2=$('<div class="share-cont">'+
						'<img src="'+data.data.video_img_url+'"/>'+
						'<i onclick="goBack()" class="iconfont">&#xe621;</i>'+
						'<p>'+data.data.video_title+'</p>'+
					    '<p>'+data.data.channel_name+' | ' +data.data.video_label_name+' / '+data.data.video_time+'</p>'+
					'</div>')
            	oDiv2.insertBefore($('.share-cont-tv'))
              },
	            error: function(xhr, type){
	                alert('Ajax error!');
	            }
	        });		
	</script>
</html>
